<template>
<div>
  <h2>{{article.title}}</h2>
  <div class="article-comfirm">
    <span>{{article.createTime | relativeTime}}</span>
    <span>超级管理员</span>
    <span>
      <i class="el-icon-view"></i>
      {{article.visits}}
    </span>
  </div>
   <article class="article-content">
    <div v-html="article.articleBody"></div>
  </article>
</div>
</template>

<script>
export default {
  props: {
    article: {
      type: Object,
      required: true
    }
  }
}
</script>

<style scoped lang="scss">
.article-content {
  background: #f5f5f5;
  border-top: 1px dashed #cccccc;
  padding: 10px;
}
.article-comfirm {
  span {
    margin-right: 8px;
  }
  padding-bottom: 10px;
}
</style>
